﻿.img-product {
    width:100px;
    height:100px;
    left:18px;
    top:18px;
    position:absolute;
}
.basic-info {
    float:right;
    margin-left:5px;
    font-size:14px;
}
.basic-info ul {
    margin-top:18px;
}
.basic-info li {
    width:160px;    
    white-space:normal;
    margin-top:2px;
    list-style:square; 
}
.table-price-report {
    display:inline-block;
    margin-right:50px;
}
#table-product-report {
    border-collapse:collapse;
    height:462px;
    background:#fff;
    color:black;
    text-align:center;
}
#table-product-report th {
    width:150px;
}
#table-product-report td {
    width:140px;
}
.img-table-product-report, .img-table-product-report img {
    height:130px;
}
#table-product-report a {
    color:#1126a7;
}
.price-table-product-report {
    color:red;
}
.control-panel, .content-cp {
    height:462px;
    float:left;
}
.control-panel {
    background:#454040;
    border-right:1px black solid;
    width:300px;
}
.content-cp {
    background:#fff;
    width:850px;
    color:black;
    display:inline-block;
    margin-right:50px;
}
.header-label {
    font-size:30px;
    white-space:normal;
    padding:5px 25px;
    clear:left;
}
.link-to-content {
    font-size:17px;
    white-space:normal;
    padding:10px 15px;
}
.link-to-content:hover {
    background:#808080;
}
.table-personal-info {
    margin:9px 40px;
    font-size:18px;
}
.table-personal-info td {
    padding:5px 10px;
}
.table-personal-info td a div {
    color:#ff3e3e;  
    margin-bottom:5px;
}
.table-personal-info td input {
    padding:7px 1px;
    width:216px;
    font-size:15px;
}

.table-personal-info td select {
    padding:7px 13px;
    width:220px;
    font-size:15px;
}
#submit-update-button {
    background:#8d8d8d;
    border:none;
    font-weight:bold;
}
#submit-update-button:hover {
    background:#bab1b1;
}
.valid-message {
    color:red;
}
.cart-table {
    border-collapse:collapse;
    text-align:center;
}
.cart-table a {
    color:black;
}
.cart-table th, .cart-table td {
    padding:4px 0;
}
.image-product {
    width:140px;
}
.image-product img {
    height:50px;
}
.name-product {
    width:190px;
}
.price-product {
    width:160px;
}
.number-product {
    width:160px;
}
.sum-price-product {
    width:194px;
}
.hidden-scrollbar {
    overflow:hidden;
    width:850px;
}
.body-table {
    height:370px;
    width:867px;
    overflow-y:scroll;
}
.order-body-table {
    height:406px;
    width:867px;
    overflow-y:scroll;
}
.total-price {
    width:848px;
    text-align:right;
    color:red;
}
.action-table {
    width:848px;
    height:25px;
}
.action-table span {
    background:#8d8d8d;
    border:none;
    padding:4px 15px;
    font-weight:bold;
}
.action-table span:hover {
    background:#bab1b1;
}
.action-table input {
    background:#8d8d8d;
    border:none;
    padding:6px 15px;
    font-weight:bold;
    font-size:14px;
}
.action-table input:hover {
    background:#bab1b1;
}

.update-image-product {
    width:140px;
}
.update-image-product img {
    height:50px;
}
.update-name-product {
    width:190px;
}
.update-price-product {
    width:160px;
}
.update-number-product {
    width:119px;
}
.update-number-product input {
    width:100px;
    padding:5px;
}
.update-sum-price-product {
    width:194px;
}
.update-del-product {
    width:40px;
}
.update-del-product img {
    width:30px;
}

.order-id-product {
    width:120px;
}
.order-name-product {
    width:444px;
}
.order-price-product {
    width:160px;
}
.order-status-product {
    width:100px;
}
.order-phone-product {
    width:232px;
}
.order-access-product {
    width:232px;
}
.form-register {
    width:867px;
    height:424px;
    overflow-y:scroll;
}
/*Search page*/

.search-input-div {
    width:285px;
    background:#fff;
    margin:5px 8px;
}
#Search-Input-In-Page {
    padding:7px 10px;
    font-size:18px;
    width:225px;
    margin:1px 1px;
    border:none;
}
#search-img-btt {
    width:38px;
    margin-left:-4px;
    height:37px;
    background:url("/Images/ImgPage/search.png") no-repeat #faba23;
    background-size:contain;
    border:none;
    padding-top:2px;
}
.quick-result-div {
    max-height:410px;
    background:#eae4e4;
    width:290px;
    margin-top:-4px;
    margin-left:8px;
    overflow:hidden;
    position:absolute;
}
#quick-result-display, #quick-result-display-layout {
    overflow-y:scroll;
    max-height:410px;
    width:307px;
}
#quick-result-display a, #quick-result-display-layout a {
    color:black;
}
.quick-result-product {
    height:60px;
}
.quick-result-product:hover {
    background:#9c9c9c;
}
.result-product {
    height:60px;
    width:270px;
    color:black;
    background:#d1d1d1;
    float:left;
    margin:8px 5px;
}
.result-product:hover {
    background:#9c9c9c;
}
.quick-result-img-product {
    height:50px;
    width:50px;
    margin-top:5px;
    margin-left:5px;
    float:left;
}
.quick-result-info-product {
    width:200px;
    height:50px;
    float:left;
    margin-top:5px;
    margin-left:5px;
    padding-left:5px;
}
.quick-result-name-product {
    padding-bottom:2px;
}
.quick-result-price-product {
    padding-top:5px;
}
.search-criteria {
    font-size:19px;
}
.criteria-table {
    width:300px;
}
.criteria-table td {
    padding:10px 2px;
}
.criteria-name {
    width:116px;
}
.criteria-input {
    width:176px;
}
.crit-price-input {
    font-size:17px;
    width:160px;
    padding:2px 0;
}
.crit-dropdown {
    font-size:15px;
    width:160px;
    padding:2px 0;
}
.search-sort {
    height:40px;
    border-bottom:1px solid;
    padding-left:20px;
}
#search-result-product {
    height:380px;
}
.search-paging {
    border-top:0px solid;
    height:40px;
}
.paging-div {
    margin:5px auto;
    max-width:485px;
    display:table;
}
.page-index {
    text-align:center;
    min-width:20px;
    min-height:20px;
    padding:5px;
    margin-left:5px;
    display:block;
    float:left;
    color:blue;
}
.page-index:hover, .curr-page-index {
    background-color:#79a5ea;
    color:white;
}
.curr-page-index {
    cursor:no-drop;
}
.first-page-index {
    background:url("/Images/ImgPage/First-Vector-256.png") no-repeat center;
    background-size:15px;
}
.prev-page-index {
    background:url("/Images/ImgPage/go_previous_black.png") no-repeat center;
    background-size:15px;
}
.next-page-index {
    background:url("/Images/ImgPage/go_next_black.png") no-repeat center;
    background-size:15px;
}
.last-page-index {
    background:url("/Images/ImgPage/Last-Vector-256.png") no-repeat center;
    background-size:15px;
}
.disable-link {
    cursor:not-allowed;
}
.order-dropdown {
    width:170px;
    padding:5px;
    font-size:17px;
    margin:3px;
}
#popup-send {
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1000;
    position:fixed;
    background-color:rgba(0, 0, 0, 0.62);
    color:black;
    display:none;
}
.form-send {
    width:600px;
    height:400px;
    margin:150px auto;
    background:#fff;
    white-space:normal;
}
.sign-send {
    width:250px;
    border-right:1px double green;
    float:left;
    height:400px;
}
.info-send {
    width:349px;
    float:right;
    height:400px;
}
.sign-send-btt {
    padding:5px 10px;
    font-size:16px;
    background-color:#766d6d;
    border:none;
    width:110px;
    margin:20px 80px;
    cursor:pointer;
}
.info-label {
    padding:5px;
    font-size:16px;
    margin-left:20px;
}
.info-input {
    padding:5px;
    font-size:16px;
    width:200px;
    margin-left:20px;
}
#info-send-submit {
    padding:5px 10px;
    font-size:16px;
    background-color:#766d6d;
    border:none;
    width:90px;
    margin:20px 80px;
    cursor:pointer;
}